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ABSTRACT 

The HyperGLOB project introduced uni vers i ty“l evel 
graphi'C design students to interactive multimedia. This technology 
involves using the personal computer to display and manipulate a 
variety of electronic media simultaneously (combining elements of 
text and speech, music and sound, still images, motion video, and 
animated graphics) and allows viewers interactive control. The task 
of each student was to use interactive multimedia to document or 
express the concept of "freedom, " whether personal , social , 
philosophical, political, or otherwise. The HyperGLOB project 
required students to work in a collective and collaborative mode, as 
well as individually. Each student established a hypermedia link 
between their individual stack and two stacks designed by others. The 
final result ^ as a large network of convergent ideas. Design factors 
are discussed in light of their influence on interactivity, 
presentation structure, and educational objectives. Reproductions of 
computer screens provide partial examples of student projects. 
(Author/BEW) 
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Abstract 

Having been bom into the computer age, today’s students will soon be using a fiill range of multimedia and interactive 
capabilities to compose, communicate, and illustrate their Ideas just as easily as typing or writing a string of words on paper. 

The HyperGLOB project introduced university-level graphic design students to a marriage of computer and 
communication technologies known as “interactive multimedia.” This technology allows designers to use the personal 
computer to display and manipulate a variety of electronic media simultaneously, combining elements of te.xt and speech, 
music and sound, still-images, motion video and animated graphics. This new media also allows the eventual "viewers” 
interactive control — a means to determine their own pathways through the material. 

The task of each student was to document or express the concept freedom. The topics selected by students covered a 
variety of issues: personal and philosophic, restrictions on freedom, social bias. Institutional factors, political aspects, and so 
on. 

The HyperGLOB project required students to work in a collective and collaborative mode, as well as indiridually. Each 
student established a hypermedia link between their Individual stack and two stacks designed by other students. The final 
result w’as a large network of convergent ideas (assembled into 30+ megabytes of disk space) which suggested the name: 
HyperGLOB. 

“We know that where we perceive no patterns of relationship, no design, we discover no meaning. If the items of 
information we acquire from news broadcasts, books, and other sources lie around in our minds, unrelated to one another 
and to our ev'ery’day experience, they constitute a pointless and boring miscellany.” John Kouwenhoven (1982, p. 208). 

Introduction 

In addition to news broadcasts or books, information that is digitally processed and delivered via computers is rapidly 
becoming a common part of our worldwide twenty-fiRt century techno-culmre. Today, the medium for instruction, 
communication and creative work with computers is increasingly multi-sensory — delivering ideas through images, video, 
sound as well as text. 

For printed materials, the responsibility for "constructing communication" has in some part been the domain of graphic 
designers— the professionals who direct the shape and organization of communications through the careful selection of 
color, typography, images and other visual characteristics. Like a film director, the designer is imisible and anonymous, yet 
permeates ev’ery nuance of a projea In our daily lives, w^e are surrounded by the familiar products of graphic designers 
which might Include posters, corporate logomarks, news graphics, magazines, packaging, or signage. 

This paper describe'., a project where unl\*ersity-level graphic design students were introduced to computers that they' 
will later use as professionals to produce conventional printed materials. The HyperGLOB project, howe\*er, challenges the 
students to design a document in the new totally-digital computer-based emironment — interactiv*e multimedia and to apply 
their concerns for human factors (perception. Interpretation, understanding) not to a printed page, but to a computer 
screen. 

Interactive Multimedia 

In the middle of this century, electronic media (television) joined paper-based media (printed text and images) as a 
useful tool for communication, learning and entertainment. In only the past decade, personal computers have entered and 
transformed these earlier media into a new configuration which has been recently popularized as the “information 
superhighway." 

Perhaps the most comprehensiv'e and complete term for the eventual marriage of computers at I communication 
technologies is “interactive multimedia" — ^^’hlch incorporates its two vital characteristics “Interactive suggests the ability' of 
the “viewer" to control the sequence and structure of their experience in the electronic media environment— to determine 
their own pathways through the material. The best examples of interactivity exploit the “digilal" decision-making possibilities 
of the computer. On the other hand, the most limited uses resemble only a computerized sequcnUal slideshow. The term 
“multimedia" describes the use of a personal computer to compose, display and manipulate a variety of electronic media 
simultaneously, combining elements of text and speech, music and sound, still-images, motion video and animated graphics. 

For this project, student designers used Apple Macintosh Hex computers with the software application UperCard 
(Claris) to design and build a set of interactive multimedia documents. HyperCard is a simple software toolkit for the Apple 
Macintosh computer that allows users to build their own interactive documents (called slacks). The primary function of 
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HyperCard is lo inieriink a group of computer screens (called cards) with on-screen "buttons” that can be operated by 
clicking with a computer mouse. 

Project Details 

The HyperGLOB project was composed of three phases: an introduction, individual work, and connective work. To 
orient students to this new media, videotapes of several hypermedia projects were shown and discussed. Other examples 
were demonstrated during class (see note 1). Next, the students were instructed to design a s\\on HyperCard exercise to 
explore the fundamental operations that they would use to build their larger stacks. After these activities, students spent 
several more weeks researching, planning, and producing their work. 

The core subject matter for the larger HyperGLOB project was the concept freedom. Each student chose a specific topic 
of interest assodated with this broad concept. Their task was to document, to describe, to express, to educate, to a vie^ver 
something about that aspect of freedom. Students were cautioned not to become quickly distracted by ideals of American 
democracy or simple visual symbols of freedom (like an American flag) . The topics Gn^y selected by students covered a 
variety of issues: personal (marriage, family), restrictions on freedom (justice, death penalty), social bias (racism, 
censorship), institutional factors (religion, state, education), political aspects (Arab-Isranu conflict, BerGn Wall), and so on. 

After completing their Individual stacks, the Bnal phase of the HyperGLOB project required students to work in a 
collective and collaborative mode. Each student was asked to establish a hypermedia Gnk between their individual stack and 
two stacks designed by other students. To accomplish this, they developed an intermediate series of cards to act as an 
intellectual and visual bridge betw^een ideas, trying to create a seamless continuity'. The challenge of this phase was to exploit 
the potential of HyperCard for building non-h'near sequences of ideas that branch and interconnea The Bnal result (see note 
2) was a large network of convergent ideas (assemble into 30-t* megabytes of disk space) which suggested the name: 
HyperGLOB, 

The HyperGLOB project demonstrates that an advanced computer system is not needed to begin exploring the 
fundamentals of interactive multimedia, and that with the user-friendly software program HyperCard, novice students can 
quickly produce sophisticated projects working individually or in teams. Also, the basic metliods are easily transferable to any 
subject matter or academic level and can engage individual students or the class as a whole. 

One student, after working to integrate his stack with others, observed that, "People have totally different ways of laving 
out their ideas than the wav you lay out youis. Different type styles, images, cropping, even the vocabulary is different.” This 
statement contains the essence of the HyperGLOB project. By working to integrate their individual stacks (both visually and 
intellectually) with the larger group, students struggled with the same dynamics present in many other situations, such as the 
responsibilities of the individual to society. 

The Issue of Freedom 

Freedom is an enduring human question. The modem notion of naturally- endowed freedoms can be traced to the 
thinkers of the French Enlightenment and the American Revolution (Rousseau. Paine, 1921). They philosophize that 
the world, in its natural state, is a chaotic and savage place. In such a world, you are free to exercise any of the abilities 
endowed to you as a human being. For example, you are absolutely enabled to reap destruction upon your neighbor. 

However, u you do not want vour neighbors to execute their equal ability of destruction upon you, you can construct a pact 
or in Rousseau’s term, a social contract. To gain security and order, you must sacrifice some primal aspect of your being. 
Every' right is balanced with a corresponding responsibility. 

One modem example is our system of traffic signals. There is no actual barrier to driving your car speeding through a 
red light. What prevents you is a system of social constructs, derived from a desire for self-preservation and personal security. 
You gladly sacrifice your original ability to driv’C wherever and whenever you want for some guarantee tliat others will do the 
same. The question of freedom— personal expression versus common cause— is encountered and resolved by everyone in a 
multitude of everyday decisions. 

By addressing the general question of freedom, lire HyperGLOB project provokes students to consider panillel ideas 
about the relatioaship of freedom to the underlying nature of hypermedia, to the practice of graphic desigir, and finally to 
tlieir own lives. 

The nature ofhvpenTicdia itself demands interaciivity'— dexi bilily witlun structure, non-linearity, and choice. Like the 
dynamic balance of rights and responsibiliUes, a complete lack of structure will result in chaos— a glut of randomly- 
distributed and fragmented ideas rather than a larger body of useful knowledge. In contrast, too much programmed structure 
yields continuous but predetermined patterns. 
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This question of freedom is also a relevant philosophic issue for graphic designers. The fundamental challenge of 
graphic design is creativity within compromise. Unlike the fine artist who exhibits artwork framed and purified from the 
world in a white- walled gallery, the graphic designer must incorporate their work with, not abstract it from, the context of the 
world. To design a corporate logomark, for example, that does not consider other competitor’s symbols or the intended 
audience is not good design. Uke the social contract between the individual and society, graphic designers must be able to 
establish compromise with their client— creativity within context. 

Finally, the students themselves are in a stage of personal transition. They are seeking and establishing a new structure 
for their lives as adults, independent from parents and the security of home. Perhaps the HyperGLOB project can slightly stir 
into consciousness some latent awareness of these problems of freedom and connect to the personal experiences of the 
students. 

Design Factors and Observations 

As with any design project, me final critique is a time of critical review where common problems are clarified and 
individual innovation is highlighted. The HyperGLOB project review reaffirmed several visual design principles: 

• The basic formal principles of design (like balance, pattern, proportion) still apply to composition of a 
computer screen. For example, information should not be stuffed onto a card from “wall-to-wall.” 
Sometimes the negative space of a composition is as useful as the positive space to create dramatic 
Images. 




Figure 1. An example of “active” white space. (Scott Gerber). 

• Attention to typography, the arrangement of letterforms for expression and organization, also remains a 
factor. Although the computer screen does not hold the same quality and resolution as a printed page, this 
should not distract the designer from demanding well-spaced typography within the limits of the video 
display. Computers do not automatically place and space letters equally without error. Proper 
letterspadng must finally be judged by the human eye, not numerical measurements. 
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Figure 2. Typographic details are important Notice the 
gap between the N and T, and the improved letterspace below. 

• The amount of text on any one screen should be limited to short simple phrases. Due to the low 
resolution of the computer display, small letters break apart and become illegible. Moreover, users 
interact at a pace loo rapid for reading — a pace closely related to watching television where 
communication occurs instantaneously through images and sounds. 
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^ a, 1984. A man is on the chair waiting to be executed. The first 
charge of electricity fails to do the job. The condemned man s^rugQlsS 
for about eight minutes before another charge can be given. The man is pole, 
his arms>5s(«ffm^. to the armrests, his legs to the chair legs, his body to the 
chair with a brood strop sotautthet It straightens his spine to the chair beck... 
he smiles - but he tries to crtaq^eoway os a guard stuffs cotton In his nostrils 
to trap blood that might g»^sUfrom rupture veins in his brain.. thecnKvcK 
The mounting whine and snarl of the generator. The man's lips peel back, 
the throat*o^.vTiSw-& for a lost desperate cry... the steam an d rise from 

the bold spots on his head and leg while the sick-sweet oi flesh 

permeates the room. To find out a possible 



Is capital punishment 
also immoral'^ 




solution, press Q 

To review other answers, 
please press ( 



To experience what freed^ 
means to criminals, pres^^ 



Figure 3. Excessive text can be hard to read. 

Can il Instead be expressed sound or Images? Gorge Naranjo). 

Multimedia 

In this new media, ideas can be expressed using a variety of sensory and cognitive modes: text, drawings, photograpliic 
images, animaUon, sounds, voice, music, or any combination thereof. Good “mulUmcdia" will take .advantage of tlie inherent 
qiiab'ties of each mode to more completely express an idea or concept. 
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For example, a tea ketUe can be more robustly understood not only through its image, but also through a fev,- clearly 
recognizable sounds— the whistle, or the clang of the metal container. Sometimes sound is simply used to develop context— 
a general atmosphere. In one student HyperCard stack, synchronized sound is used to punctuate a sequence of animation 
and later a deep grinding pulse Is used to reflect the industrial rhythm of machinery, power, and infrastrucmre, which all 
relate to the content of the stack. 

Graphic designers seem particularly suited for lasks, bke creating multimedia, tliat involve tlie integrauon of various 
elements. Essential to their practice, even in the design of printed material, is a close interrelationship between word and 
image (verbal and visual modes of communication). 

Interactivity and Structure 

In HyperCard, buttons are the active areas of the screen that allow the user to jump from card to card by cUcking on 
them with a mouse. Students demonstrated two strategies for interfadng buttons to cards. One strategy has the buttons clearly 
set apart from the background images, like the controls on television set The second strategy is to locate the bunon 
transparently within the images of the card and position them according to concentrated areas of attention. The composition 
of the card usually suggests one or two visually-logical focal points. 
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IS WHAT YOU FEARl 
SOMETHING 
WITHIN 
YOURSELF... 




Figure 4. The eyes are a visually logical button position. (Christy Vaughan). 

While using buttons to move through a series of cards, the user shotild develop a sense of conflnuity between cards, not 
the sense of a disconnected and fractured patliway. Students echoed visual elements from card to card, and carefully 
programmed vistial transitions to respond to the visual composition of a screen. For e.xample, a card containing the iirutge of 
a landscape would blend to the next card with a horizontal transition effect. 

To outline the sequence and structure of their stacks, many students first sketched a diagram that resembled a flowchart 
ora movie storyboard. The underlying pathways of individual stacks were arranged in a variety of structures: one central card 
with spokes radiating to other cards like a wheel, or a m.aln trunk and branches like a tree, and some were nearly straight 
linear slideshows — an uninternipted sequence of cards with little user control. 



Educational Objectives 

The technical goal of the HypcrGI.OB project was to introdtice novice sttidents to simple Macintosh computer operating 
skills (e.g. cut, paste, save) and basic graphics ideas (e.g. bitmap pitinting, importing graplucs, scanning) that will transfer to 
Other class projects. 

A higher-order goal of the project, as noted previotisly, was to stinuilate thinking abotit the concept of freedom and its 
relationship to hypermedia, design, and the personal lives of the students. 
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Finally, the HyperGLOB project was able to engage students in a constructive and collaborative system of classroom 
learning where individual expression becomes nested in a larger network of ideas. This simulates the professional challenges 
that they will encounter as practicing designers in our society. 



HyperGLOB Examples 

The following examples describe several of die individual stacks produced by students, and are accompanied by 
illustrations. 

* Decisions (Tracy McCotter): This stack examines the social inQuences that shape our individual 

decisions — friends, government, society, family, and even your pet dog. If the user tries to escape these 
“outside influences" then a digitized voice of Orwellian tone proclaims: “It is useless to resist us.” 



outside influences, outside influences 
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Figure 5. Tracy McCotter. 



* Religion (Elizabeth Montgomery); Reacting to the personal experience of growing up in a combined 
Jewish and Christian hou-sehold, diis student questions how we come to acquire our particular religious 
faiths. Her stack associates imagery from modern-day evangelism to ancient rites. 
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Figure 6. Elizabeth Montgomery. 

• Details Quli Summers): By interacting with a street scene of store-front windows, the user an browse 
through a world of fiinky fashion and expressive styles. After clicking on a doorway, the user an enter 
and browse through a series of shops like Cucorachas, a good-time coffeehouse infested by one giant 
cockroach. 




Figure 7. Juli Summers. 



Conclusion 

One student remarked that the most interesting aspect of the HyperOLOB project was . .being introduced to sometWng 
so contemporary, almost a taste of the fiiture." These students, having been bom into the computer age and not adopted by it, 
can sense the coming rcwoluiionary merger of technology, communication and culture that will occur during their 
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peneralion. By the time these students become active citizens, the technologies of voice recognition, pen-based compudng, 
Imelligeni systems, virtual reality simulations, cooperative telecomputing will be the norm. 

As the digital web of world-wide information expands, with clusters connecting and layers building, some design 
students may recognize that the shape of the new media network resembles their HypeiCLOB project In mm, their 
investigations with HyperCLOB on a smaller scale may suggest what strategies to maintain from their old ways of working in 
print design, and what new challenges they must overcome as the constructors of a new communicadons environment. 

These students will become the practicing professionals of the twenty-Grst century. How we nurture their intelligence, 
vision, and design sense in our classrooms to^y, will determine if they compose something more than ". . .a pointless and 
boring miscellany. . .” from the elements of this new media. 

Note I. Examples from an older version of the HyperCLOB projea were shown on videotape to the students. This older 
project took human communication, not freedom, as the core subject matter. Also shown was A Memory Project by Henry 
See, a Canadian hypermedia artist. Hands-on examples included two hypermedia project stored on CD-ROM: Beethoven's 
Fifth Symphony (Voyager), and Cosmic Osmo (Cyan). 

Note 2. After connecting of the first mass of HyperCard stacks into a HyperCLOB, the pi ojeci was repealed with another 
group of students who were required to integrate their work with the students from the earlier semester. Thus, the 
HyperCLOB project continued to grow into an even greater interwoven network responding to the core idea of freedom. 
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